<template>  
  <view class="login-container">  
	<view class="status_bar">
		<!-- 这里是状态栏 -->
	</view>
    <view class="bg"></view>  
    <view class="login-form">  
      <view class="logo">  
        <image src="/static/logo.png" mode="aspectFit"></image>  
      </view>  
      <view class="form-group">  
        <input type="text" class="input" placeholder="请输入用户名" v-model="user.username"  v-focus />  
      </view>  
      <view class="form-group">  
        <input type="password" class="input" placeholder="请输入密码" v-model="user.password" />  
      </view>  
      <button @click="login">{{$t('h.login')}}</button>  
		<!-- #ifdef MP-WEIXIN -->
		<view class="iconfont icon-wodexiao" style="color:#f00"></view>
		<!-- #endif -->
		<!-- #ifdef H5 || APP-PLUS -->
		<view style="text-align: center;" >
				  <svg-icon name="icon-wodexiao" color="#f00" :size="32"></svg-icon>
		</view>
		<!-- #endif -->
	  
	   <view class="theme-wrapper" :data-theme="currentTheme" :data-theme-platform="platform">
	      <text class="primary-text">主题化文字</text>
	      <button @click="toggleTheme">切换主题</button>
	    </view>
	  <Slider></Slider>
	  <button @click="langChange('zh')">中文</button>
	   <button @click="langChange('en')">English</button>
	
    </view>  
  </view>  
</template>  
  
<script>  
import login from "@/mixins/login.js"

export default {  
	name:"login",

	mixins:[login]  
}  
</script>  
  
<style scoped lang="scss">  
@import "@/static/css/login.scss";
@import '@/themes/mixins.scss';

.primary-text {
  @include theme-aware('color', 'text');
}
</style>